<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>团购发现页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/found.css"/>
	</head>
	<body>
		<div class="web">
			<!--头-->
			<header>
				<div class="back fl">Back</div>
				<div class="selectBox fr">
					<select name="" class="select1">
						<option value="">广州市</option>
						<option value="">深圳市</option>
						<option value="">上海市</option>
					</select>
				</div>
				<div class="classify">
					<span>发现</span>
				</div>
				<div class="searchBar">
						<input type="search" name="" id="" value="" placeholder="请输入商品名称"/>
						<i class="iconfont icon-fangdajing"></i>
				</div>
				<div class="perpel-search">
					<p>大家都在搜索</p>
				</div>
				<div class="search-content">
					<ul>
						<li><a href="">寿司</a></li>
						<li><a href="">羽毛球</a></li>
						<li><a href="">火锅</a></li>
						<li><a href="">游泳馆</a></li>
					</ul>
					<ul>
						<li><a href="">寿司</a></li>
						<li><a href="">羽毛球</a></li>
						<li><a href="">火锅</a></li>
						<li><a href="">游泳馆</a></li>
					</ul>
				</div>
			</header>
			<!--内容-->
			<section>
				<div class="classify-tittle clearfix">
					<div class="classify fl">
						<div class="classify-pic">
							<img src="img/found/found-fire.png" />
						</div>
						<h3>热门搜索</h3>
					</div>
					<div class="more fr">
						<h3>更多</h3>
						<span class="iconfont icon-youce"></span>
					</div>
				</div>
				<div class="found-table">
					<table cellpadding="2">
						<tr>
							<td rowspan="2">
								<a href="">
									<img src="img/found/found-fire-pic1.png"/>
								</a>
							</td>
							<td colspan="2">
								<a href="">
									<img src="img/found/found-fire-pic2.png"/>
								</a>
							</td>
						</tr>
						<tr>
							<td>
								<a href="">
									<img src="img/found/found-fire-pic3.png"/>
								</a>
							</td>
							<td>
								<a href="">
									<img src="img/found/found-fire-pic4.png"/>
								</a>
							</td>
						</tr>
					</table>
					
				</div>
				<div class="found-tittle clearfix">
					<div class="found fl">
						<div class="found-pic">
							<img src="img/found/found-star.png" />
						</div>
						<h3>推荐搜索</h3>
					</div>
					<div class="more fr">
						<h3>更多</h3>
						<span class="iconfont icon-youce"></span>
					</div>
				</div>
				<div class="found-propose">
					<ul>
						<li><a href="">
							<img src="img/found/found-star-pic1.png" />
						</a></li>
						<li><a href="">
							<img src="img/found/found-star-pic2.png" />
						</a></li>
						<li><a href="">
							<img src="img/found/found-star-pic3.png" />
						</a></li>
					</ul>
				</div>
			</section>
			<footer>
				<ul>
					<li class="active">
						<a href="index.html">
							<i class="iconfont icon-home"></i>
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="classify.html">
							<i class="iconfont icon-fl"></i>
							<p>分类</p>
						</a>
					</li>
					<li>
						<a href="found.html">
							<i class="iconfont icon-zhinanzhen"></i>
							<p>发现</p>
						</a>
					</li>
					<li>
						<a href="user.html">
							<i class="iconfont icon-ren"></i>
							<p>我的</p>
						</a>
					</li>
				</ul>
			</footer>
		</div>
		<script type="text/javascript" src="js/fixWidth.js"></script>
		<script type="text/javascript">
			document.body.style.height = window.innerHeight + "px";
		</script>
	</body>
</html>
